<template>
	<view>
		
		<view class="operation">
			<view class="Later">
				<uni-icons type="videocam" size="30" color="#cacaca"></uni-icons>
				<button type="default" size="mini" plain>添加至稍后再看</button>
			</view>
			<view class="feedback-head">
				<text>反馈</text>
				<text>（选择后将优化首页此类内容）</text>
				<view class="feedback-body">
					<button type="default" size="mini" plain>恐怖血腥</button>
					<button type="default" size="mini" plain>色情低俗</button>
					<button type="default" size="mini" plain>封面恶心</button>
					<button type="default" size="mini" plain>标题党/封面党</button>
				</view>
			</view>
			<view class="no-look-head">
				<text>我不想看</text>
				<text>（选择后将减少相似内容推荐）</text>
				<view class="no-look-body">
					<button type="default" size="mini" plain>UP主</button>
					<button type="default" size="mini" plain>此类内容过多</button>
					<button type="default" size="mini" plain>推荐过</button>
					<button type="default" size="mini" plain>不感兴趣</button>
				</view>
			</view>
			<view class="cancel"><button type="default" size="mini" plain>取消</button></view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'my-userOperation',
	data() {
		return {}
	}
}
</script>

<style lang="less">
.operation {
	display: flex;
	flex-direction: column;
	width: 662rpx;
	border-radius: 30rpx;
	background-color: #f6f7f9;
	.Later {
		display: flex;
		align-items: center;
		margin-top: 40rpx;
		margin-left: 20rpx;
		button {
			width: 80%;
			border: 2rpx solid #d3d3d3;
		}
	}
	.feedback-head,
	.no-look-head {
		margin-top: 20rpx;
		& > text:nth-child(1) {
			font-size: 34rpx;
			font-weight: 600;
			margin-left: 20rpx;
		}
		& > text:nth-child(2) {
			font-size: 28rpx;
			margin-left: 10rpx;
			color: #808080;
		}
		.feedback-body,
		.no-look-body {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			margin-top: 30rpx;
			background-color: #f6f7f9;
			button {
				width: 40%;
				border: 2rpx solid #d3d3d3;
			}
			& > button:nth-child(-n + 2) {
				margin-bottom: 25rpx;
			}
		}
	}
	.cancel {
		margin: 40rpx 0 20rpx 0;
		button {
			width: 100%;
			border: 0;
		}
	}
}
</style>
